.cus-markdown {
	::-webkit-scrollbar {
		height: 6px;
		width: 6px;
	}

	::-webkit-scrollbar-corner,
	::-webkit-scrollbar-track {
		background-color: var(--el-bg-color-page);
		border-radius: 2px;
	}

	::-webkit-scrollbar-thumb {
		background-color: var(--el-color-black);
		border-radius: 2px;
	}

	::-webkit-scrollbar-button:vertical {
		display: none;
	}

	::-webkit-scrollbar-thumb:vertical:hover {
		background-color: var(--el-color-black);
	}

	::-webkit-scrollbar-thumb:vertical:active {
		background-color: var(--el-color-black);
	}

	h1 {
		color: var(--el-color-primary);
		font-size: var(--el-font-size-large);
		text-transform: uppercase;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		position: relative;
		word-break: break-all;
	}

	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	h6 a,
	h1 a:hover,
	h2 a:hover,
	h3 a:hover,
	h4 a:hover,
	h5 a:hover,
	h6 a:hover {
		color: inherit;
	}

	ol > li {
		list-style: decimal;
	}

	ul > li {
		list-style: disc;
	}

	ol .li-task,
	ul .li-task {
		list-style-type: none;
	}

	ol .li-task input,
	ul .li-task input {
		margin-left: -1.5em;
		margin-right: 0.1em;
	}

	a {
		text-decoration: none;
	}

	pre,
	code {
		color: #24292f;
		font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
		font-size: 1.4rem;
	}

	pre {
		margin: 20px 0;
	}

	pre code {
		display: block;
		line-height: 1;
		overflow: auto;
	}

	pre code .code-block {
		display: inline-block;
		overflow: auto;
		vertical-align: bottom;
		width: 100%;
	}

	hr {
		border: none;
		border-top: 1px solid #eaecef;
		height: 1px;
		margin: 10px 0;
	}

	div[inline] > .figure {
		padding-right: 0.5em;
	}

	div[inline] > .figure img {
		border: none;
		padding: 0;
	}

	.figure {
		display: inline-flex;
		flex-direction: column;
		margin: 0 0 1em;
		text-align: center;
	}

	.figure .figcaption {
		color: #888;
		font-size: 0.875em;
		margin-top: 5px;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: 700;
		margin: 1.4em 0 0.8em;
	}

	a {
		color: #2d8cf0;
		transition: color 0.3s;
	}

	a:hover {
		color: #73d13d;
	}

	img {
		border: 1px solid #e6e6e6;
		border-radius: 3px;
		box-sizing: border-box;
		margin: 0 auto;
		max-width: 100%;
		padding: 5px;
	}

	p {
		line-height: 1.6;
		margin: 0;
		padding: 0.5rem 0;
	}

	p:empty {
		display: none;
	}

	code {
		background-color: #3baafa1a;
		border-radius: 2px;
		color: #3594f7;
		display: inline-block;
		line-height: 22px;
		padding: 0 4px;
	}

	blockquote {
		background-color: #ececec;
		border-left: 5px solid #35b378;
		display: block;
		line-height: 2em;
		margin: 20px 0;
		padding: 0.5em 1.2em;
	}

	blockquote p {
		padding: 0;
	}

	pre {
		border-radius: 5px;
		box-shadow: #0005 0 2px 2px;
		position: relative;
	}

	pre code {
		background-color: #282c34;
		border-radius: 0 0 5px 5px;
		color: #a9b7c6;
		padding: 1em;
		position: relative;
	}

	pre code > * {
		line-height: 1.6;
	}

	pre .copy-button {
		color: #999;
		cursor: pointer;
		font-size: 1.2rem;
		position: absolute;
		right: 10px;
		top: 9px;
	}

	pre:before {
		background: #282c34 url() no-repeat 10px 10px;
		background-size: 40px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		content: '';
		display: block;
		height: 32px;
		margin-bottom: 0;
		width: 100%;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 1em;
		overflow: auto;
	}

	table tr th,
	table tr td {
		border: 1px solid #e6e6e6;
		padding: 8px 14px;
		word-wrap: break-word;
	}

	table tr:nth-child(2n) {
		background-color: #fafafa;
	}

	table tr:hover {
		background-color: #eee;
	}

	ol,
	ul {
		margin: 0.6em 0;
		padding-left: 1.6em;
	}

	ol li,
	ul li {
		line-height: 1.6;
		margin: 0.5em 0;
	}
}
